<template>
    <div class="main">
        <van-tabs v-model="active">
            <van-tab title="热门">
                <PodcastListenhot />
            </van-tab>
            <van-tab title="精选">
                <PodcastListenSelected />
            </van-tab>
            <van-tab title="音乐推荐">
                <PodcastListenRecommend />
            </van-tab>
            <van-tab title="创作翻唱">
                <PodcastListenCover />
            </van-tab>
            <van-tab title="二次元">
                <PodcastListenCartoon />
            </van-tab>
            <van-tab title="明星专区">
                <PodcastListenStar />
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import PodcastListenhot from './listencomponents/PodcastListenhot.vue';
import PodcastListenSelected from './listencomponents/PodcastListenSelected.vue';
import PodcastListenRecommend from './listencomponents/PodcastListenRecommend.vue';
import PodcastListenCover from './listencomponents/PodcastListenCover.vue';
import PodcastListenCartoon from './listencomponents/PodcastListenCartoon.vue';
import PodcastListenStar from './listencomponents/PodcastListenStar.vue';

export default {
    data() {
        return {
            active: 1,
        };
    },
    created() {
    },
    methods: {},
    components: {
    PodcastListenhot,
    PodcastListenSelected,
    PodcastListenRecommend,
    PodcastListenCover,
    PodcastListenCartoon,
    PodcastListenStar
}
}
</script>
<style scoped>
.main{
    padding-bottom: 2.5rem;
}
</style>